/**
 * Created by hasee on 2017/7/6.
 */
import React from 'react';
import {IfDispatcher} from "../dispatcher/dispatcher";
//import {zzltestStore} from "../store/zzlteststore";
export var Home = React.createClass({
    contextTypes:{
        router: React.PropTypes.object.isRequired,
    },

    getInitialState(){
        return {

        }
    },
    componentDidMount(){

    },

    componentWillUnmount(){
      //  zzltestStore.remove(this.token);


    },
    projectclick(){
        this.context.router.push("/test1");
    },
    projectclick1(){
        this.context.router.push("/test2");
    },
    render(){

        return(
            <div className="row" style={{marginLeft:"15px",marginRight:"15px",backgroundColor:"#ddd"}}>
                <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"100px",marginBottom:"100px",backgroundColor:"#fff"}}>
                    <div className="row" style={{marginLeft:"15px",marginRight:"15px",marginTop:"20px",marginBottom:"20px"}}>
                        <div className="row">
                            <div className="col-sm-6 " >
                                <div className="col-sm-8 col-sm-offset-4">
                                    <div className="panel panel-default zzlborder2">
                                        <div className="panel-body zzlborder3" style={{background:"#009966"}}>
                                            <div className="row" style={{marginLeft:"0px",marginRight:"0px",marginTop:"5px"}}>
                                                <div className="col-sm-12" style={{color:"#EEEEEE"}}>
                                                    <h5>优点：表格分页,查询,排序,自适应宽度及支持列拉伸.</h5>
                                                    <h5>缺点：列数过多设置横向滚动时,列拉伸失效,表头与表身不能同步拉伸.</h5>
                                                    <h5>应用场景：区域内列全部展现场景</h5>
                                                </div>
                                            </div>
                                        </div>
                                        <div className="panel-footer zzlborder4" style={{backgroundColor:"#009966"}}>
                                            <div className="row" style={{marginLeft:"0px",marginRight:"0px"}}>
                                                <div className="col-sm-2 col-sm-offset-5">
                                                    <button
                                                        role="button"
                                                        className="btn btn-default"
                                                        onClick={this.projectclick}
                                                        style={{height:"40px"}}
                                                        >
                                                        查看
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div className="col-sm-6 ">
                                <div className="col-sm-8 ">
                                    <div className="panel panel-default zzlborder2">
                                        <div className="panel-body zzlborder3" style={{background:"#009966"}}>
                                            <div className="row" style={{marginLeft:"0px",marginRight:"0px",marginTop:"5px"}}>
                                                <div className="col-sm-12" style={{color:"#EEEEEE"}}>
                                                    <h5>特点：Dom布局，各种分页风格.</h5>
                                                    <h5>选择：自选喜欢的布局风格.</h5>
                                                    <h5>设置显现行数.</h5>
                                                </div>

                                            </div>
                                        </div>
                                        <div className="panel-footer zzlborder4" style={{backgroundColor:"#009966"}}>
                                            <div className="row" style={{marginLeft:"0px",marginRight:"0px"}}>
                                                <div className="col-sm-2 col-sm-offset-5">
                                                    <button
                                                        role="button"
                                                        className="btn btn-default"
                                                        onClick={this.projectclick1}
                                                        style={{height:"40px"}}
                                                        >
                                                        查看
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>)
    }
});